<%-- 
    Document   : materias
    Created on : 09-jun-2012, 10:15:57
    Author     : Administrador
--%>
<%@page import="com.javabeans.Carrera"%>
<%@page import="com.javabeans.Materia"%>
<%@include file="../../../../controlSession.jsp" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%
    int i = 0;
    List<Carrera> carreras = (List<Carrera>)request.getAttribute("carreras");
%>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>SI-ESFM </title>
        <meta name="description" content="Derechos Reservados SI-ESFM" />
        <link rel="stylesheet" href="<%=s_path%>/css/styles.css" type="text/css" />
        <link rel="stylesheet" href="<%=s_path%>/css/menu/style.css" type="text/css" />
        <link rel="stylesheet" href="<%=s_path%>/css/themes/start/jquery-ui-1.8.20.custom.css" type="text/css" />
        <link rel="shortcut icon" href="<%=s_path%>/images/ico.png" type="image/png"/>
        
        <script type="text/javascript" src="<%=s_path%>/js/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/validate/jquery.validate.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.core.min.js"></script>  <!--si o si cargar esto-->
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.widget.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.position.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.mouse.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.button.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.draggable.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.resizable.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.dialog.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.effects.core.min.js"></script>
        
        <script type="text/javascript" src="<%=s_path%>/js/comun.js"></script>
        <script type="text/javascript">
            
            $(document).ready(function(){
                $("#dialogo").dialog({
                    autoOpen: false,
                    title: "Formulario Materia",
                    height: 300,
                    width: 550,
                    modal: true,
                    buttons: {
                        "Aceptar": function() {
                            var flag = $("#formMateria").valid();
                            if(flag){
                                $.ajax({
                                    type: 'POST',
                                    url: 'Administracion',
                                    data: $('#formMateria').serialize(),
                                    success: function(res){
                                        $('#listMaterias').html(res);
                                    },
                                    error:function(){alert("Error! al registrar la especialidad.")}
                                });
                                $( this ).dialog( "close" );
                            }
                        },
                        Cancelar: function() {
                            $( this ).dialog( "close" );
                        }
                    },
                    close: function() {
                        // implementar lo que convenga
                    }
		});
                
               // boton add departamento
               $.fn.addMateria = function(){
                    $('#formMateria').each(function(){
                        this.reset();
                    });
                    $("#titleForm").text("Nueva Materia");
                    $("#accion").val("97");
                    $("#idCarrera").val($("#idCarrera2").val());
                    $("#nomCarrera").text($("#nomCarrera2").val());
                    $( "#dialog:ui-dialog" ).dialog( "destroy" );
                    $( "#dialogo" ).dialog( "open" );
                    $("#nombre").focus();
               }
               
               // modificar unidad académica
                $.fn.editar = function(idCarrera,idMateria,nombre,sigla){
                    $("#titleForm").text("Modificar Materia");
                    $("#accion").val("98");
                    $("#idCarrera").val(idCarrera);
                    $("#idMateria").val(idMateria);
                    $("#nomCarrera").text($("#nomCarrera2").val());
                    $("#nombre").val(nombre);
                    $("#sigla").val(sigla);
                    $( "#dialog:ui-dialog" ).dialog( "destroy" );
                    $("#dialogo").dialog("open");
                }
               
                // eliminar unidad académica
                $.fn.eliminar = function(idCarrera,idMateria,nombre){
                    if(confirm("¿Esta seguro de eliminar la materia ''"+nombre+"''?")){
                        $.ajax({
                            url: "Administracion",
                            type: "GET",
                            data:{ accion:99 , idCarrera:idCarrera,idMateria:idMateria, nombre:nombre },
                            success:function(res){
                                $('#listMaterias').html(res);
                            },
                            error: function(res){ alert("Error! al eliminar la materia."); }
                        });
                    }
                }
                
                // baja unidad académica
                $.fn.darBaja = function(idCarrera,idMateria,nombre){
                    if(confirm("¿Estas seguro de dar de baja la materia ''"+nombre+"''?")){
                        $.ajax({
                            url: "Administracion",
                            type: "GET",
                            data:{ accion:100 , idCarrera:idCarrera,idMateria:idMateria, nombre:nombre },
                            success:function(res){
                                $('#listMaterias').html(res);
                            },
                            error: function(res){ alert("Error! al dar de baja la especialidad."); }
                        });
                    }
                }
                
                // alta facultad
                $.fn.darAlta = function(idCarrera,idMateria,nombre){
                    if(confirm("¿Esta seguro de dar de Alta la materia ''"+nombre+"''?")){
                        $.ajax({
                            url: "Administracion",
                            type: "GET",
                            data:{ accion:101 , idCarrera:idCarrera,idMateria:idMateria, nombre:nombre },
                            success:function(res){
                                $('#listMaterias').html(res);
                            },
                            error: function(res){ alert("Error! al dar de alta la especialidad!"); }
                        });
                    }
                }
                
                // cambio de pais
                $("#idCarreraSel").change(function(){
                    $("#idCarreraSel option:selected").each(function (){
                        idCarrera = $(this).val();
                        if(idCarrera != ""){
                            $.ajax({
                                url: "Administracion",
                                type: "GET",
                                data:{ accion:96 , idCarrera:idCarrera},
                                success:function(res){
                                    $('#listMaterias').html(res);
                                },
                                error: function(res){ alert("Error! al mostrar el plan de estudios!"); }
                            });
                        }else{
                            $("#listMaterias").html("");
                        }
                    });
                });
                
                $("#idFacultad2").change(function(){ // si cambia de unidad académica tambien cambiamos en la variable auxiliar
                    $("#idFacultad2 option:selected").each(function (){
                        $("#idFacultad").val($(this).val());
                    });
                });
            });
            
            // muestra oculta
            function mostrarOcultar(){
                if(document.getElementById("materiasBaja").style.display == 'none'){
                    document.getElementById("materiasBaja").style.display = 'block';
                    document.getElementById("verOcultar").value = "Ocultar Bajas";
                    document.getElementById("verOcultar").title="Pulsa aqui para ocultar bajas";
                }else{
                    document.getElementById("materiasBaja").style.display = 'none';
                    document.getElementById("verOcultar").value = "Mostrar Bajas"
                    document.getElementById("verOcultar").title="Pulsa aqui para mostrar bajas";
                }
            }
            
        </script>
    </head>
    <body onload="showTime(<%=s_param%>)">
        <div id="top-wrap">
            <!-- cabeza principal -->
            <%@include file="../../../../head.jsp" %>

            <!-- cuerpo -->
            <div id="bodySpace">               
                <!-- aqui va la ruta -->
                <div class="clearfix" id="middle">
                    <!-- aqui va el arbol de entrada -->
                    <div id="breadcrumb"><!-- le da la forma de la imagen -->
                        <ul>
                            <li><a>Home</a></li>
                            <li><span style="color:#666">Administraci&oacute;n</span></li>
                            <li><span style="color:#666">Admininistraci&oacute;n. Acad&eacute;mico</span></li>
                            <li class="current-page"><span class="end"><span class="middle">Especialidades</span></span></li>
                        </ul>
                        <!-- para la hora -->
                        <div style="clear: both;position: absolute;text-align: right;width: 100%;"><span id="fechaServ"></span>&nbsp;&nbsp;<span id="horaServ" style=""></span>&nbsp;</div>
                    </div><!-- begin SIDEBAR FIRST -->
                </div>
                
                <div id="principal">
                    <!-- izquierda -->
                    <div class="cuerpo2" style="border: 0px solid">
                        <div class="izq" style="border: 0px solid">
                            <%@include file="../../../../bodyIzq.jsp" %>
                        </div>
                        <div class="der" style="border: 0px solid"> 
                            <label for="idCarreraSel"><b>Seleccione una especialidad :</b></label>
                            <select name="idCarreraSel" id="idCarreraSel"  title="Seleccione una especialidad">
                                <option value="">Seleccione</option>
                            <%
                                for(Carrera c : carreras)
                                    out.println("   <option value='"+c.getIdCarrera()+"' >"+c.getFacultad().getNombre()+", "+c.getNombre()+"</option>");
                            %>    
                            </select><br/>
                            <center>
                                
                            <div id="listMaterias"></div> <!-- End id="listPais" -->
                            <div id="dialogo"><br/>
                                <h2 class="decorado" id="titleForm"></h2><br/>
                                <form id="formMateria">
                                    <input type="hidden" name="accion" id="accion" value="0" />
                                    <input type="hidden" name="idCarrera" id="idCarrera" value="0" />
                                    <input type="hidden" name="idMateria" id="idMateria" value="0" />                                    
                                    <div style="clear:both;">
                                        <label class="form_align30" >Especialidad: </label>
                                        <b><span id="nomCarrera" style="float:left;margin-left:0.2em;"></span></b>
                                    </div>
                                    <div style="clear:both;">
                                        <label class="form_align30" >Nombre: </label>
                                        <input type="text" name="nombre" id="nombre" value="" class="required form_input_align" title="Ingrese Nombre de la especialidad" maxlength="50"/>
                                        <label class="error">*</label>
                                    </div>
                                    <div style="clear:both;">
                                        <label class="form_align30" >Sigla: </label>
                                        <input type="text" name="sigla" id="sigla" value="" class="required form_input_align" title="Ingrese Sigla de la especialidad" maxlength="15"/>
                                        <label class="error">*</label>
                                    </div>
                                </form>
                            </div> <!-- FIN DIV id="dialogo" -->
                            </center>
                        </div> <!-- class='der' -->
                    </div><!--end of leftPan-->
                    
                </div><!--end of content-wrapper-->
            </div><!--end of body-wrap-->
            
            <!-- footer -->

        </div>
    </body>
</html>